.informationArea{
  width: 750rpx;
  height: 350rpx;
  background-color: #dddddd;
  display: flex;
  background-image: url('https://auth.dgut.edu.cn/pcbj2.jpg');
  background-size: cover;
  background-repeat: no-repeat;
  .informationShow{
    width: 610rpx;
    height: 140rpx;
    background-color: rgba(255,255,255,0.9);
    padding: 40rpx;
    border-radius: 40rpx;
    margin: 0 auto;
    margin-top: 200rpx;
    box-shadow: 0 2rpx 6rpx #888;
    display: flex;
    image{
      width: 140rpx;
      height: 140rpx;
      border-radius: 20rpx;
    }
    .nameAndStatus{
      margin-left: 25rpx;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      .userName{
        margin-top: 10rpx;
        font-weight:400;
        font-size: 60rpx;
        color: #222;
      }
      .status{
        font-size: 30rpx;
        margin-bottom: 10rpx;
        // opacity: 0.9;
        font-family:'Courier New', Courier, monospace;
        color: #444;
      }
    }
  }
}

.itemsList{
  width: 700rpx;
  height: 80rpx;

  line-height: 80rpx;

  display: flex;
  flex-direction: row;

  margin: 25rpx;
  margin-top: 20rpx;

  border-radius: 20rpx;
  box-shadow: 0rpx 0rpx 10rpx #dddddd;

  color: #444;

  .iconAndTitle{
    width: 620rpx;
    height: 80rpx;
  
    display: flex;
    flex-direction: row;
    .iconStyle{
      width: 50rpx;
      height: 50rpx;
      margin: 15rpx;
    }
  }
}



